<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
        <title>45jQuery删除节点的相关方法</title>
        <script src="http://code.jquery.com/jquery-1.12.4.js" 
            integrity="sha256-Qw82+bXyGq6MydymqBxNPYTaUXXq7c8v3CwiYwLLNXU="
            crossorigin="anonymous"></script>
        <script>
            $(function (param) {  
                /*
                删除
                remove():删除指定元素
                empty():删除指定元素的内容和子元素，指定元素自身不会被删除
                detach()与remove一直
                */
                $("button").click(function (param) {  
                    $("div").remove();
                    $("div").empty();
                    $("li").detach(".item");
                });
            });
        </script>
    </head>
    <body>
        <button>删除节点</button>
        <ul>
            <li class="item">我是第1个li</li>
            <li>我是第2个li</li>
            <li class="item">我是第3个li</li>
            <li>我是第4个li</li>
            <li class="item">我是第5个li</li>
        </ul>
        <div>我是div
            <p>我是段落</p>
        </div>
    </body>
</html>